﻿/*
Theme Name: قالب احترافي
Theme URI: http://www.alwanarabe.com/
Description: قالب احترافي
Version: 1.0
Author: تصميم ألوان العرب
Author URI: http://www.alwanarabe.com/
Tags: تقني، خدماتي، واجهة، أزرق
*/

reset for style.css

/* reset */

*{
	 margin:0;
	 padding:0; 
	 outline:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:underline;
}
del {
	text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
	direction:rtl;
}

a {text-decoration:none;	font:normal 14px 'GESSLight', tahoma, arial;}
a :visited{text-decoration:none;}
a :hover{text-decoration:none;}

blockquote 
{
    margin:5px 17px;
    padding:7px;
	border:2px solid #3e89f1;
    color:#000;
    background:#E9F4FA;

}

ul , ol , dl {
	list-style-position:inside;
	font-weight:bold;
	list-style:none;
}



body{
	background:#fff url(img/bg.jpg);
	padding: 0;
	margin: 0;
	direction: rtl;
	font-family: 'Helvetica';
	font-weight: normal;
	font-size: 14px;
}

*::-moz-selection {
    background-color: #ffc000;
    color: #fff;
}

/*-----Font Face-----*/
 @font-face {
font-family: 'GESSTwoMediumRegular';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }

 @font-face {
font-family: 'Helvetica';
src: url('fonts/Helvetica.eot');
src: url('fonts/Helvetica.eot?') format('embedded-opentype'),
url('fonts/Helvetica.woff') format('woff'),
url('fonts/Helvetica.ttf') format('truetype'); }
/*-----Container------*/
#outer-wrapper {margin:0;padding:0;}
#header-wrapper{width:100%;height:120px;border-bottom:1px solid #ddd;background:#f8f8f8;margin:0;padding:0;}
#content-wrapper{width:768px;overflow:hidden;margin:0 auto;padding:0;}
#main-wrapper{float:right;width:568px;margin:0;padding:0;}
#design-wrapper{width:568px;margin:0 auto;padding:0;}
#sidebar-wrapper{float:left;background:#f8f8f8;width:180px;overflow:hidden;border:1px solid #ddd;margin:0;padding:0;}
#sidebar-wrapper img{float:none;width:100%;margin:0;padding:0;}
#sidebar-wrapper h3{margin:-44px 10px 0 0;color:#00AEFF;width:100px;overflow:hidden;background:#f8f8f8;padding:10px 10px 0 0;}
#footer-wrapper{width:100%;display:none;height:200px;background:#fff url(img/footer.png);border-top:10px solid #444;margin:10px 0 0;padding:0;}
/*-----header------*/
#header {width:768px;margin:0 auto;}
.logo{width:100px;margin:0 auto;}
.ads{width:552px;float:right;margin:10px 10px 0 0;}
/*-----------------*/
#top_social{background:#F4F4F4 url(img/bg.jpg);border:1px solid #ddd;border-radius:0 0 3px 3px;float:left;margin:0;padding:0;}
#top_social ul{float:left;margin:0;padding:0;}
#top_social ul li{
	float:right;
	margin:0;
	padding:5px;
	display:block;}
#top_social ul li:hover{opacity:0.5;}
#search{margin:0 auto 8px;width:180px;}
.searchbox{background:#fff url(img/social/search.png) no-repeat 6% 48%;font-family: 'Helvetica';color:#888;width:180px;padding:5px 10px;border:1px solid #ddd;border-radius:5px;}
/*-----TopNav------*/
#top_nav{width:768px;border-right:1px solid #ddd;margin:0 auto;border-radius:0 0 3px 3px;padding:0;}
#top_nav ul{width:768px;float:right;border-right:1px solid #ddd;padding:0;margin:-1px auto 10px;}
#top_nav ul li{
	float:right;
	background:#f8f8f8;
	}
#top_nav ul li a{
	font-family: 'Helvetica';
	font-weight: normal;
	font-size: 14px;
	color:#888;
	background:#fff;
	text-align:right;
	margin:0px;
	padding:4px 30px 4px 10px;
	display:block;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
#top_nav ul li:hover, #top_nav ul li a:hover{
	background:#888;
	color:#fff;
	}
#top_nav .home{background:url(img/black/home.png) no-repeat 90% 40%;}
#top_nav .blog{background:url(img/black/blog.png) no-repeat 90% 40%;}
#top_nav .services{background:url(img/black/services.png) no-repeat 90% 40%;}
#top_nav .works{background:url(img/black/works.png) no-repeat 90% 40%;}
#top_nav .shop{background:url(img/shop.png) no-repeat 90% 40%;}
#top_nav .about{background:url(img/black/about.png) no-repeat 90% 40%;}
#top_nav .contact{background:url(img/black/contact.png) no-repeat 90% 40%;}
#top_nav .terms{background:url(img/black/terms.png) no-repeat 90% 40%;}
#top_nav .user{background:url(img/black/user.png) no-repeat 90% 40%;}
#top_nav .bug{background:url(img/black/bug.png) no-repeat 90% 40%;}
/*----------hover----------*/
#top_nav .home:hover{background:url(img/white/home.png) no-repeat 90% 40%;}
#top_nav .blog:hover{background:url(img/white/blog.png) no-repeat 90% 40%;}
#top_nav .services:hover{background:url(img/white/services.png) no-repeat 90% 40%;}
#top_nav .works:hover{background:url(img/white/works.png) no-repeat 90% 40%;}
#top_nav .shop:hover{background:url(img/payments.png) no-repeat 90% 40%;}
#top_nav .about:hover{background:url(img/white/about.png) no-repeat 90% 40%;}
#top_nav .contact:hover{background:url(img/white/contact.png) no-repeat 90% 40%;}
#top_nav .terms:hover{background:url(img/white/terms.png) no-repeat 90% 40%;}
#top_nav .user:hover{background:url(img/white/user.png) no-repeat 90% 40%;}
#top_nav .bug:hover{background:url(img/white/bug.png) no-repeat 90% 40%;}
/*-------------------------*/
#box{width:300px;transition:10s;z-index:1;float:right;border-radius:10px;display:block;opacity:0.5;margin:4px;padding:4px 4px 2px;border:1px solid #ddd;}
#box:hover{transition:0.5s;opacity:1;border-radius:0;background:#888;border:1px solid #444;}
/*-----post------*/
.post{background:#f8f8f8;overflow:hidden;	text-align:justify;
	padding: 10px 10px 0 10px;
	color:#555;
    margin-bottom:14px;
	text-decoration:none;border:1px solid #ddd;}
.postmeta {background:#fff;font-size:11px;margin-right:20px;padding:6px;text-decoration:none;border:1px solid #00AEFF;}
.postmeta a{color:#00AEFF;font-size:11px;}
.postmeta span{font-size:12px;margin-right:5px;margin-left:5px;}
.post h2 {color:#00AEFF;font:normal 14px 'GESSTwoMediumRegular', arial, tahoma;margin:-2px 0px 10px;}
.post img{
	float:right;
	height:144px;
	width:165px;
	margin-left:8px;
	border:5px solid #00AEFF;
	text-decoration:none;}
.post p {font-size:12px;}
.post a{}
.readmore a{
	background:#fff url(img/shop.png) no-repeat 6%;
	float:left;
	color:#888;
	margin:-25px 0 -1px -11px;
	padding:8px 6px 6px 28px;
	text-decoration:none;
	font:normal 12px 'GESSTwoMediumRegular', arial, tahoma;
	border:1px solid #ddd;
	border-radius:0 3px 0 0;
	opacity:0.5;
	}
.readmore a:hover{
	background:#00B0DE url(img/payments.png) no-repeat 6%;
	color:#fff;
	border:1px solid #888;
	opacity:0.8;
	}
	
.pages{
	background:#f8f8f8;
	color:#888;
	border:1px solid #ddd;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	width:395px;
}
.pages ul{
	margin:0;
	padding:0;
}
.pages ul li{
	background:#f8f8f8;
	float:right;
	color:#888;
	border-left:1px solid #ddd;
	margin:0;
	padding:6px 14px 2px 14px;
}
.pages ul li:hover{
	background:#00B0DE;
	color:#fff;
	cursor:pointer;
}
/*---------------titleline---------------*/
.titleline {
    background-image: url(img/dots.gif);
    background-position: left 13px;
    background-repeat: repeat-x;
    display: block;
    height: 30px;
    margin: 10px 0 5px;
    padding: 0;
}
/*---------------footer---------------*/
.scrollup{
	bottom: 50px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    right: 70px;
    text-indent: -9999px;
    width: 40px;
	background:#444 url(img/top.png) no-repeat 50% 50%;
	border-radius:3px;}
.shope{
    width:16px;
    text-indent: -9999px;
	background:#444 url(img/shope.png) no-repeat;
	background-position:16px 0;
	border-radius:3px;
	transition:0.5s;
}
.shope:hover{
    width:16px;
    text-indent: -9999px;
	background:#444 url(img/shope.png) no-repeat;
	background-position:16px -16px;
	transition:0.5s;
	border-radius:3px;}
#add{padding:8px;float:left;background:#444;margin:0 10px -5px;border-radius:0 0 3px 3px;}
#top-wrapper{height:200px;background:#444;display:none;}




